body{ 
	background-color:#333;
	font-size:16px; 
	margin:0; 
	padding:0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#header{ 
	background-color:#032E6F;
	height:70px;
}

#header #titles span.owner {
	font-size: 16px;
	color: #FFFFD3;
	position: relative;
	top: 10px;
	left: 15px;
}

#header #titles span.owner a {
    text-decoration: none;
	color: #FFFFD3;
}

#header #titles span.app_name {
	font-size: 24px;
	font-weight: bold;
	color: #F4F4F4;
	position: relative;
	top: 10px;
	left: 15px;
}

#header #session {
	position: absolute;
	top: 5px;
	right: 10px;
	color: #F4F4F4;
	font-size: 11px;
}

#header #session a {
	color: #F4F4F4;
	text-decoration: none;
}

#header #session a:hover {
	color: #FFFFD3;
}

#center { 
	background-color:#E4EFFF; 
	min-height:650px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:650px; /* for IE5.x and IE6 */
	padding: 10px;
}

#center #paper_sheet {	
	width: 72%;
	height: auto !important;
	clear: both;	
}

#center #paper_sheet #navs {
	padding: 0;
	margin: 0;
	margin-left: 15px;
	list-style: none;
	font-weight: bold;
}

#center #paper_sheet #navs li {
	float: left;	
}

#center #paper_sheet #navs li a {
	display: block;
	padding: 5px;
	margin-right: 5px;
	text-decoration: none;
	background-color: #032E6F;
	color: #F4F4F4;
}

#center #paper_sheet #navs li a:hover {
	background-color: #FFFFD3;
	color: #333;
}

#center #paper_sheet #navs li.selected a {
	display: block;
	padding: 5px;
	margin-right: 5px;
	text-decoration: none;
	background-color: white;
	color: #032E6F;
}

#center #paper_sheet #content {	
	background-color: white;
	padding: 10px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	clear: both;
}

#center #support {
	position: absolute;
	top: 105px;
	left: 73%;
	width: 240px;
	width: 23%;	
	padding: 5px;	
}

#footer { 
	clear:both;
	background-color:#333;
	height:50px;
}

#footer #credits {
	color: #F4F4F4;
}

#footer #credits span {
	position: relative;
	top: 10px;	
	left: 10px;
}

#footer #credits a {
	color: #F4F4F4;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative;
	top: 10px;	
	left: 10px;
}

#footer #credits a:hover {
	color: #FFFFD3;
}

div.section_label {
	padding: 5px;	
	color: #032E6F;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #F4F4F4; 
}

#center div.pagination {
	text-align: right;
	color: #0C82F8;
	font-weight: bold;
}

#center div.pagination a {	
	padding: 5px;
	margin-right: 3px;
	background-color: #E2F0FE;
	border: 1px solid #AAD4FF;
	color: #0C82F8;	 
	text-decoration: none;	
}

#support form label {	
	color: #032E6F;
}

#support form label input {
	width: 90%;
}

#list_area #mini_flash {
	background-color: #FEFEE2;
	padding: 5px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
}

#list_area #mini_flash a {
    color: #666;
    text-decoration: none;
    border:1px solid #C2C2C2;
    padding: 1px 5px 1px 5px;
    float: right;
    margin-top: -17px;
}

#list_area div.msg {
    background-color: #FEDEDE;
    border: 1px solid #FC9090;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #9D0505;
}

#center #paper_sheet #content #actions {	
	margin-bottom: 5px;
	text-align: center;
}

#center #paper_sheet #content #actions a {
	font-weight: bold;	
	text-decoration: none;
	color: #0C82F8;
}

#center #paper_sheet #content #actions a img {
	border: none;
}

#list_area #grid_table {	
	width: 100%;
	margin-top: 10px;		
}

#list_area #grid_table td {
	padding: 2px;	
}

#list_area #grid_table th {
	background-color: #C2C2C2;
	color: #032E6F;
	padding: 2px; 
}

#list_area #grid_table tr.even {
	background-color: #F4F4F4;	
}

#list_area #grid_table tr.odd {	
}

#list_area #grid_table td a img {
	border: none;
	margin-left: 5px;
}

.elegant .header {
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.elegant .header span,
.elegant .body span {
	font-size: 10px;
	color: #666666;
}

.elegant .header div {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #032E6F; 
}

.elegant .body div {    
    margin-bottom: 10px;
    background-color: #F9F9F9;
    padding: 5px;
    margin-top: 3px;
}

.elegant .actions {
	text-align: right;
	border-top: 1px dashed #C2C2C2;
	padding-top: 10px;
}

.elegant .actions a, 
.elegant .actions a.neutro,
.elegant .actions a.delete {
	padding: 3px 5px 3px 5px;
	margin-right: 3px;
	text-decoration: none;
}

.elegant .actions a {	
	background-color: #E2F0FE;
	border: 1px solid #AAD4FF;
	color: #0C82F8; 	
}

.elegant .actions a.neutro {	
	background-color: #F4F4F4;
	border: 1px solid #C2C2C2;
	color: #666666;	 	
}

.elegant .actions a.delete {
    background-color: #FEE2E2 ;
	border: 1px solid #FA6262;
	color: #F10000;	 	
}

#center #paper_sheet #content form {
    margin-top: 10px;
    background-color: #F4F4F4;
    border: 1px solid #E2E2E2;
    padding: 5px;
}

#center #paper_sheet #content form div.actions {
    text-align: right;
    margin: 0px;
}

#center #paper_sheet #content form div.actions a {
    color: #F10000; 
}

#center #paper_sheet #content form input.save {
    padding: 3px 5px 3px 5px;
	text-decoration: none;
	background-color: #E2F0FE;
	border: 1px solid #AAD4FF;
	color: #0C82F8;	 	
}

#center #paper_sheet #content form div {
    margin-bottom: 10px;
}

#center #paper_sheet #content form label.label {
    font-size: 10px;
	color: #666666;
}

#center #paper_sheet #content form textarea.mini_area {
    height: 50px;
}

#center #paper_sheet #content form textarea.medium_area {
    height: 150px;
}

#center #paper_sheet div.resource_context {
    padding: 10px;
    background-color: #F4F4F4;
    border: 1px solid #C3C3C3;
}

#center #paper_sheet div.resource_context span.context {
    color: #666666;
    font-size: 10px;
}

#center #paper_sheet div.resource_context span.body {
    color: #333333;
}

#center #paper_sheet div.resource_context h3 {
    padding: 0px;
    margin: 3px 0px 3px 0px;
    color: #032E6F;
}

#center #paper_sheet div.resource_context div.actions {
    text-align: right;
    margin-top: 10px;
}

#center #paper_sheet div.resource_context div.actions a {	
	background-color: #F4F4F4;
	border: 1px solid #C2C2C2;
	color: #666666;	 	
	padding: 3px 5px 3px 5px;
	margin-right: 3px;
	text-decoration: none;
}

#support div.related_info {
    padding: 5px;
    background-color: #E5E5E5;
    border: 1px solid #C2C2C2;
}

#support div.related_info h3 {
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    color: #666666;
    border-bottom: 1px solid #C2C2C2;
}

#support div.related_info ul {
    padding: 0px;
    margin: 10px 0px 10px 0px;
    list-style: none;
}

#support div.related_info ul li { 
    margin-bottom: 10px;    
}

#support div.related_info ul li a {     
    font-size: 12px;
    font-weight: bold;
    color: #666666;   
    padding-left: 20px;
    background: transparent url("/images/admin_ui/import_icon.gif") no-repeat;
}

#center #paper_sheet ul.list {
    list-style: none;
    margin: 0px;
    margin-top: 10px;
    padding: 3px;
}

#center #paper_sheet ul.list li.odd a {
    background-color: #FAFAFA;
}
#center #paper_sheet ul.list li.even a {
    background-color: #F1F1F1;
}

#center #paper_sheet ul.list li a {
    display: block;    
    cursor: pointer;
    text-decoration: none;
}

#center #paper_sheet ul.list li a div {
    padding: 3px;
    color: #333333;
}

#center #paper_sheet ul.list li a div h3 {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    color: #032E6F;
}

#center #paper_sheet ul.list li a:hover {
    background-color: #EEF9FD;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  border: 1px solid #FF0000;
  padding: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #FEE2E2;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
  display: none;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
  display: none;
}

#errorExplanation ul {
  margin: 0px;
  padding: 3px 20px;
}

#errorExplanation ul li {  
  font-size: 12px;
  list-style: square;
  color: #FF0000;
  font-weight: bold;
}

#paper_sheet #content #flash div.success,
#paper_sheet #content #flash div.error {    
    padding: 5px 5px 5px 25px;
    font-size: 11px;
    font-weight: bold;   
}

#paper_sheet #content #flash div.success {
    background: #FFFFC5 url("/images/admin_ui/icon_success.png") no-repeat 5px;
    color: #333333;
}

#paper_sheet #content #flash div.error {
    background: #FEE2E2 url("/images/admin_ui/icon_error.png") no-repeat 5px;
    color: #A30505;    
}

.float_left {
    clear: both;
}

.float_left div {
    float: left;
    margin-right: 10px;
}

#center #paper_sheet #content form div.actions {
    clear: both;
}

#support div.f_header {
	margin-top: 15px;
	font-weight: bold;
	color: #032E6F;    
	border-bottom: 1px solid #032E6F;
}

#support ul.filters {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

#support ul.filters li {
	margin-bottom: 3px;
}

#support ul.filters li a {
	display: block;
	text-decoration: none;
	padding: 3px;
	color: #032E6F;    
}

#support ul.filters li a:hover {
	background-color: #CFCFCF;
}

#support ul.filters li.current a {
	background: #0C82F8;
	font-weight: bold;
	color: #F4F4F4;
}

div.group {
	margin-bottom: 10px;
	border: 1px solid #F4F4F4;
}

div.group div.header {
	margin: 0px;
	padding: 3px 3px 3px 20px;
	background: #CFCFCF url(/images/admin_ui/group.png) no-repeat 2px 3px;
	border-bottom: 1px solid #BBBBBB;
	color: #333333;
	font-weight: bold;
}

div.group ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.group li {
}

div.group li a {
	display: block;
	text-decoration: none;
	color: #333333;
	padding: 5px;
}

div.group li a:hover {
	background-color: #EEF9FD;
}

div.group li.even {
	background-color: #F4F4F4;
}

div.group div.more {
	padding: 5px;
	text-align: right;
}

div.group div.more a {
	text-decoration: none;
	color: #032E6F;
	padding-left: 20px;
	background: transparent url('/images/admin_ui/more.png') no-repeat;
}

#center #paper_sheet #content form div.check_box label.label {
	color: #333333;
	font-size: 12px;
}

table.grid_table {
	background-color: #FAFAFA;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	width: 100%;
}

table.grid_table thead tr th {
	background: transparent url(/images/admin_ui/bg_head.jpg) repeat-x;
	padding: 0px 10px;
	border-left: 1px solid #F4F4F4;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	color: #333333;
	height: 30px;
}			

table.grid_table tbody tr td {
	height: 25px;
	padding: 0px 5px;
	border-right: 1px solid #CFCFCF;
	border-left: 1px solid #F4F4F4;
	border-bottom: 1px solid #CFCFCF;
	cursor: pointer;
}

table.grid_table tbody tr.even {
	background: white url(/images/admin_ui/bg_even.jpg) repeat-x bottom;				
}			

table.grid_table tbody tr.over {
	background: white url(/images/admin_ui/bg_over.jpg) repeat-x bottom;				
}